﻿body, html
{
    margin: 0px;
    padding: 0px;
    background: #eaf3f6;
    color: #1b4495;
    font-family: 'Lucida Grande' , 'Lucida Sans Unicode' , 'Lucida Sans Regular' ,Tahoma,Verdana,sans-serif;
}

a
{
    text-decoration: none;
}

a:hover
{
    text-decoration: none;
}

#wrapper
{
    width: 1360px;
    margin: auto;
}


/* header */
#header
{
    width: 1300px;
    height: 140px;
    background-color: #50ADE1;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position:30px 70px;

    margin: 0px;
    padding: 0px 30px 0px 30px;
}
#header a, #header a:hover
{
    color: #1e74c5;
}

#top_menu
{
    margin: 88px 0px 0px 0px;
    float: right;
}

#top_menu #help_button
{
    cursor: pointer;
    float: right;
    background-image: url(../images/login-btn.png);
    border: solid 1px #d0e9f7;
    color: #1e74c5;
    font-size: 11px;
    font-weight: bold;
    margin: 0px 0px 0px 5px;
    padding: 2px 9px 3px 8px;
}
#top_menu #login
{
    float: right;
    margin: 2px 10px 0px 0px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding: auto 0px auto 0px;
}

#top_menu #logout
{
    float: right;
    background-image: url(../images/login-btn.png);
    border: solid 1px #d0e9f7;
    color: #1e74c5;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 8px 3px 8px;
    margin: 0px 0px 0px 5px;
}
/* login */
#login_form
{
    float: right;
    margin: 45px 0px 0px auto;
    padding: 0px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    float: right;
}

#login_form .login_label
{
    color: #d8effc;
    margin: 0px;
    padding: 0px;
    display: block;
    line-height: 15px;
    font-weight: normal;
}

#login_form .login_textfield
{
    width: 140px;
    height: 15px;
    margin: 2px 0px 2px 0px;
    padding: 2px;
    border-width: 1px;
    border-top-color: #2076c6;
    border-right-color: #d8effc;
    border-bottom-color: #d8effc;
    border-left-color: #2076c6;
    color: #333;
    font-weight: normal;
}

#login_form .login_button
{
    cursor: pointer;
    background-image: url(../images/login-btn.png);
    border: solid 1px #d0e9f7;
    color: #1e74c5;
    font-size: 11px;
    font-weight: bold;
    white-space: pre;
    margin: 0px;
    padding: 2px 8px 3px 8px;
}

#login_form .login_remember
{
    height: 13px;
    margin-left: -20px;
    color: #d8effc;
    font-weight: normal;
}

#login_form .checkbox
{
    height: 13px;
    margin-left: -3px;
}

#login_form .login_forgot
{
    height: 13px;
    font-weight: normal;
}

#login_form a
{
    color: #d8effc;
    text-decoration: none;
}

#login_form a:hover
{
    color: #fff;
    text-decoration: none;
}
/*end Of login*/


#page_title
{
    float: right;
    width: auto;
    height: 20px;
    margin: 92px 0px 0px 0px;
    color: #fff;
    text-align: right;
  /*  font-effect: engrave;*/
    font-size: 18px;
    overflow: hidden;
}
/* end of header */


#content
{
    width: 100%;
    margin: 30px 0 0px 0;
    background-color: #fff;
}

* html #content
{
    margin-top: -2px;
}


/* left content */
#content #left_content
{
    float: left;
    background-color: #fff;
    width: 445px;
    display: inline;
    font-family: 'Lucida Grande' , 'Lucida Sans Unicode' , 'Lucida Sans Regular' ,Tahoma,Verdana,sans-serif;
    margin: 0 15px 0px 0;
    padding: 30px;
}

#left_content .left_image
{
    background-color: #555;
    background-image: url('../images/left_image.jpg');
    background-repeat: no-repeat;
    height: 400px;
    width:  395px;
    height:403px;

 
}

#left_content .login_button
{
    cursor: pointer;
    background-image: url(../images/login-btn.png);
    border: solid 1px #d0e9f7;
    color: #1e74c5;
    font-size: 11px;
    font-weight: bold;
    white-space: pre;
    margin: 0px;
    padding: 2px 8px 3px 8px;
}

/* treemenu */

/*
.treeviewlist{
    border-top: solid 1px #4291d2;
    border-right: solid 1px #d0e9f7;
    border-bottom: solid 1px #d0e9f7;
    border-left: solid 1px #4291d2;
}
*/

.treemenu
{
    margin: 0px 0px 33px 0px;
    padding: 0px;
    overflow: auto;
    -ms-scrollbar-base-color: #369;
}
.treeviewlist
{
    border: solid 1px #8BC9EC;
    padding: 5px 0px 10px 0px;
}

.treeviewlist a
{
    color: #4291d2;
}

.treeviewlist a:hover
{
    color: #1254ac;
}

.treemenu table
{
    border-top: #d0e9f7;
    padding: 5px 0px 5px 0px;
    border-bottom: #4291d2;
}

.treemenu td
{
    padding: 0px 2px 0px 2px;
}

/* end of treemenu */
/* end of left content */


/* right content */
#content #right_content
{
    float: left;
    font-family: 'Lucida Grande' , 'Lucida Sans Unicode' , 'Lucida Sans Regular' ,Tahoma,Verdana,sans-serif;
    background-color: #fff;
    width: 765px;
    height: auto;
    margin: 0px 0px 0px 15px;
    padding: 5px 30px 25px 30px;
}

iframe
{
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#right_content #back
{
    position: relative;
    margin: 40px 50px 0px 0px;
    min-height: 20px;
    float: right;
}
/* end of right content */


/* footer */
#footer
{
    float: left;
    width: 1300px;
    height: 48px;
    margin: 30px 0px 0px 0px;
    padding: 10px 30px 0px 30px;
    background-color: #50ADE1;
    font-size: 12px;
    color: #a8d7f1;
    text-align: right;
}

#footer a
{
    text-decoration: none;
    color: #a8d7f1;
}

#footer a:hover
{
    text-decoration: none;
    color: #fff;
}
/* end of footer */